<template>
	<view class="main flex-center">
		<view class="main-input-box flex-align">
			<van-icon name="search" />
			<input :value="value" @input="$emit('input',$event)" class="main-input-box-input" :placeholder="placeholder" />
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			value:{
				type:String,
				default:''
			},
			placeholder:{
				type:String,
				default:''
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.main{
		width: 100%;
		background-color: #F7F7F7;
		height: 144upx;
		.main-input-box{
			width: 80%;
			height: 36upx;
			padding: 18upx;
			background: #FFFFFF;
			border: 2upx solid #20A6FF;
			border-radius: 44upx;
			.main-input-box-input{
				margin-left: 10upx;
				font-size: 24upx;
				font-weight: 500;
				color: #666666;
				width: 100%;
			}
		}
	}
</style>
